#navTop{position: fixed; height: 44px; background-color: #1b3b6a; color: #fff; display: flex; align-items: center; justify-content: center; z-index: 999; width: 100%; left: 0; top: 0;}
body.top{padding-top: 44px;}
select,input,button{outline: none;}
#back{position: absolute; left: 0; padding: 0 10px;}
#app{}
body.ft{padding-bottom: 60px;}
.bgff{background-color: #fff;}
.red{color: #1b3b6a;}
.main-bg{background-color: #1b3b6a; color: #fff;}
.paddLR{padding-left: 4% !important; padding-right: 4% !important;}
/* 底部 */
#footer{width: 100%; position: fixed; left: 0; bottom: 0; z-index: 999; background-color: #fff; display: flex; align-items: center; justify-content: space-between;}
#footer .item{width: 50%; padding: 10px; text-align: center; color: #999;}
#footer .icon{font-size: 22px;}
#footer .item.on{color: #1b3b6a;}

.showToast{position: fixed; left: 50%; top:0; border-radius: 4px; background-color: rgba(0,0,0,0.5); color: #fff; line-height: 1.4; padding: 4px 10px; transform: translateX(-50%); display: none;}
#showToastCt{top: 50%; transform: translate(-50%,-50%);}
#showToastError{width: 100%; background-color: red; text-align: center;}
.showToast.show{display: block;}
/* 表单 */
.form-item{display: flex; align-items: flex-start; align-items: center; border-bottom: 1px solid #ddd; position: relative;}
.form-div{width: 100%; flex: 1;}
.form-put{height: 36px;flex: 1; width: 100%;}
.form-lab{width: 80px;}
.submit-btn{cursor: pointer; width: 100%; height: 46px; color: #fff; background-color: #1b3b6a; border-radius: 5px;}

/* 登录 */
#login .yzm{width: 90px; height: 100%;}
#login .form-put{height: 44px;}
#login .submit-btn{margin: 20px auto 16px;}
#look_password{position: absolute; padding: 0 10px; display: flex; align-items: center; justify-content: center; width: 60px; top: 0; right: 0; height: 100%;}

/* 产品 */
#product{padding-top: 78px;}
.search-box{position: fixed; width: 100%; left: 0; top: 0;}
#search{width: 100%; max-width: 293px; margin: 0 auto; padding: 15px 0;}
#search .text{flex: 1; width: 100%; height: 37px; box-shadow: 0 0 6px #ddd; padding: 0 10px;}
#search .btn{display: flex; align-items: center; justify-content: center; width: 50px; height: 37px;}

.product-list .item{display: block; padding: 10px 0; margin-bottom: 10px; box-shadow: 0 2px 6px #eae9e9;}
.product-list .name{font-size: 15px; margin-bottom: 6px;}
.product-list .m2{font-size: 12px;}
.product-list .btn{display: flex; align-items: center; justify-content: center; font-size: 12px; color: #fff; width:70px; height: 26px; border-radius: 4px;}


.product-main1 .item{padding:4px 0}
.product-main1 .btn{  border-radius: 18px; font-size: 12px; padding: 0 20px; height: 20px; line-height: 20px;}
.product-copy{text-align: center; line-height: 48px; font-size: 15px; border-top: 1px solid #ededed;}
.product-copy .iconfont{margin-right: 5px;}
.detail-table{padding: 15px 0;}

#product_detail{padding-bottom: 90px;}
#product_detail .title{font-size:15px; line-height:48px; border-bottom: 1px solid #ededed;}
#product_detail .title .iconfont{margin-right: 4px; font-weight: normal;}
.detail-bond-con{padding: 10px 0; line-height: 1.6;}

.product-main2{text-align: center; padding: 15px 0;}
.product-main2 h2{margin-bottom: 6px; color: #ff5151;}
.product-main2 h2,.product-main2 h3{font-size: 14px; font-weight: normal;}
.product-main2 .name{text-align: left;}
.product-main2 .money{text-align: right;}

.detail-con-list .left-value{color: #999;}
.detail-con-list li{border-bottom: 1px solid #ededed;padding: 10px 0;}
.product-main3 .product-copy{border-top: none;}
.product-main3 .text{padding: 15px 0;}
.detail-bottom{position: fixed; width: 100%; background-color: #fff; border-top: 1px solid #ededed; bottom: 0; left: 0; z-index: 99; padding: 20px 0;}
.detail-bottom .submit-btn{width: 100%; height: 40px; display: flex; align-items: center; justify-content: center;}

.account-top{padding: 20px 0;}
.account-top .item{font-size: 12px;}
.account-top .p2{ opacity: 0.8;}
.account-top .iconfont{font-size: 14px; margin-right: 4px;}
.account-top .price b{font-weight: normal;}
.account-top .price{font-size: 16px; margin-top: 4px;}
.account-top .money{margin-top: 16px;}
.account-top .tx-img{width: 60px; height: 60px; object-fit: cover; margin-right: 16px;}
.account-top .name{margin-top: 4px; font-weight: bold;}

.account-mid .item{box-shadow: 0 2px 6px #eae9e9; background-color: #fff; margin-bottom: 10px;}
.account-mid .a{height: 48px; display: flex; align-items: center; border-bottom: 1px solid #ededed; position: relative;}
.account-mid .a::after{content: '';}
.account-mid .iconfont{margin-right: 4px; color: #1b3b6a;}
.account-mid i.iconfont{position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding-right: 4px;}
.setSecurity.account-mid{margin-top: -10px;}
.setSecurity.account-mid .text{flex: 1; width: 100%; text-align: right; padding-right: 14px; color: #407ec9;}

.detail-pup-form .form-put{border: 1px solid #ededed; border-radius: 4px; padding: 0 10px;}
.detail-pup-form  .form-lab{color: #666;}

.feLists .item{border-bottom: 1px solid #ededed; padding: 14px 0; display: block; background-color: #fff;}
.feLists .item-top{margin-bottom: 6px;}
.feList-form{margin: 10px 4% 10px; background-color: #fff;}
.feList-form{border: 1px solid #1b3b6a; border-radius: 4px; overflow: hidden;}
.feList-form .select,.feList-form .text,.feList-form .btn{height: 34px; outline: none;}
.feList-form .select{width: 90px; border: none;  padding: 0 8px;}
.feList-form .text{flex: 1; width: 100%; border-left: 1px solid #ddd; margin-left: 4px; padding-left: 8px;}
.feList-form .btn{width: 50px; display: flex; align-items: center; justify-content: center;}
.feList-form .item-botton{color: #666;}
#feList,#feDetail{padding-bottom: 16px;}
.feDetail-table{border: 1px solid #ddd; width: 100%; background-color: #fff; border-top: none; border-left: none;}
.feDetail-table td{padding:8px 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.feDetail-table tr:nth-child(even) td{background-color: #f5f5f5;}
.feDetail-table .err{color: red;}
#feList.collectionList .feLists{max-height: calc(100vh - 130px); overflow-y: auto;}
.collectionList-tips{position: fixed; width: 100%; left: 0; bottom: 0; padding: 4px; text-align: center; color: red; background-color: #eee; font-size: 12px;}
.collectionList .err{color: red;}
.collectionList .item>div{color: #666;}
.collectionList .item-top .title{flex: 1; width: 100%; margin-right: 8px;}
.collectionList .money b{font-weight: normal; font-size: 16px; color: #000;}

/* 公共弹窗 */
.pup{display: none; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000;}
.pup.show{display: flex;}
.pup-bg{background-color: rgba(0,0,0,0.6); position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.pup-content{ position: relative; z-index: 50; background-color: #fff; width: 92%; margin: 0 auto; border-radius: 4px;}
.pup-box{padding: 16px; max-height: calc(100vh - 200px); overflow-y: auto;}
.pup-bottom{display: flex; align-items: center; justify-content: center; border-top: 1px solid #ededed;}
.pup-bottom .btn{width: 50%; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 14px;}
.pup-title{padding: 10px 16px; border-bottom: 1px solid #ededed; font-weight: normal;}
.pup-title .tit{font-size: 14px;}
.pup-title .iconfont{color: #888; font-size: 12px;}
.cancel-btn{border-left: 1px solid #ddd;}
.confirm-btn{color: #1b3b6a;}
.border-no .form-item{border: none; min-height: 34px;}
.invest-list .item-top{margin-bottom: 0;}


body.h100{background-color: #fff;}
#login .yzm.short-btn{display: flex; align-items: center; justify-content: center; background-color: #1b3b6a; color: #fff; height: 50px; width: calc(100vw * 0.06 + 90px); font-size: 13px;}
#login select.form-put{border:none}

.set .title{font-size: 16px; text-align: center; padding: 8px 0;}
.set .intro{line-height: 1.6; border-bottom: 2px solid #1b3b6a; padding-bottom: 16px; margin-bottom: 16px;}
.set-list li{display: flex; padding: 4px 0;}
.set-list .ul{padding-left: 1em; margin-bottom: 14px;}
.set-list .radio{display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #ddd; margin-right: 4px;}
.set-list .tit{margin-bottom: 8px;}
.set-list .on .radio::after{content: ''; width: 8px; height: 8px; background-color: #1b3b6a; border-radius: 50%;}
.set-list .on .radio{border-color: #1b3b6a;}
